<template>
  <div class="page ">
    <cube-scroll :options="{scrollbar:{fade: true}}">
      <div class="user-header">
        <div class="center-info">
            <avatar :src="user.Avatar"></avatar>
            <div class="nick-name">{{user.Name}}</div>
            <div class="info">{{user.DeptName}}</div>
        </div>

      </div>
      <div class="info-flex bg-white">
          <router-link class="info-col" to="/">
              <div class="number">{{user.HandleNum}}</div>
              <div class="label">累计处理</div>
          </router-link>
          <router-link class="info-col" to="/">
              <div class="number">{{user.CreateNum}}</div>
              <div class="label">累计发起</div>
          </router-link>
          <router-link class="info-col" to="/">
              <div class="number">0</div>
              <div class="label">累计结办</div>
          </router-link>
      </div>
      <hl-group mt="15">
        <hl-cell icon="icon icon-remind tc-red"
                 value="我的待办"
                 :link="{path:'/my/wddb'}">
        </hl-cell>
        <hl-cell icon="icon icon-activity tc-blue"
                 value="我的催办"
                 :link="{path:'/my/wdcb'}">
        </hl-cell>
        <hl-cell icon="icon icon-roundcheck tc-orange"
                 value="我的已办"
                 :link="{path:'/my/wdyb'}">
        </hl-cell>
        <hl-cell icon="icon icon-mark tc-green"
                 value="我的消息"
                 :link="{path:'/my/wdxx'}">
        </hl-cell>
      </hl-group>

    </cube-scroll>

  </div>
</template>


<script>
export default {
  data () {
    return {
      user: {}
    }
  },
  mounted(){
    
  },
  created: function () {
    this.getUser();
  },
  methods:{
    getUser() {
      this.$http.get("app/Handler/UserHandler.ashx?action=Get")
      .then(data => {
        console.log(data);
        if(data.code == 0){
          this.user = data.data;
        }
      })	 
    },
    
  }
}
</script>

<style lang="stylus">
@import "assets/stylus/base"
</style>
